body {
  background-color: #d9d7d7;
}
.outter {
  width: inherit;
  margin: 0 auto;
}
.header {
  width: inherit;
  height: 3.44rem;
  text-align: center;
  font: normal 400 0.9333rem/3.44rem 'Microsoft Yahei';
  background-color: #343434;
  color: white;
}
.main {
  display: flex;
  box-sizing: border-box;
  height: 31rem;
  padding-top: 0.4rem;
}
.main .slideBar {
  box-sizing: border-box;
  height: 31rem;
  padding: 0 0 0 0.7467rem;
  flex: 1;
  /*子盒子布局，下一个flex的父盒子*/
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  border-right: 0.0267rem solid #7fc377;
}
.main .slideBar li {
  width: 1.12rem;
  height: 1.12rem;
  border-radius: 100% ;
  background-color: white;
  list-style: none;
}
.main .slideBar .dotted {
  transform: scale(1.5);
  background-color: #01cdc1;
}
.main .question {
  flex: 10;
  display: flex;
  flex-direction: column;
  color: #707070;
  padding: 0 1.2267rem 1.2267rem 0.4533rem;
}
.main .question .project,
.main .question .judge,
.main .question .conlusition {
  font: normal 400 0.6667rem/2.4rem 'Microsoft Yahei';
  border-bottom: 0.0267rem dashed #7fc377;
}
.main .question .project h3,
.main .question .judge h3,
.main .question .conlusition h3 {
  font-size: 0.7467rem;
}
.main .question .judge div {
  width: 45%;
  float: left;
  padding-left: 0.2667rem;
}
.main .question .judge .jClicked {
  font-weight: bold;
  color: black;
}
.main .question .conlusition p {
  display: none;
  width: 15.83rem;
  line-height: 0.95rem;
  text-indent: 1em;
  padding: 0 0 0.5333rem 0.5333rem;
}
.main .question .nextBtn a {
  position: absolute;
  top: 28rem;
  right: 0.3rem;
  display: none;
  padding: 0.2667rem 0.8rem;
  border: 1px solid #abaaaa;
  border-radius: 0.2333rem;
  font: normal 400 0.6667rem/2.4rem 'Microsoft Yahei';
}
.main .question .nextBtn a .aClicked {
  background-color: #01cdc1;
  color: white;
}
.main .question .question1,
.main .question .question2,
.main .question .question3,
.main .question .question4,
.main .question .question5,
.main .question .question6,
.main .question .question7,
.main .question .question8,
.main .question .question9,
.main .question .question10,
.main .question .question11,
.main .question .question12,
.main .question .question13,
.main .question .question14,
.main .question .question15 {
  position: relative;
  flex: 1;
}
.main .question div[class^=question] {
  display: none;
}
.main .question .nowQuestion {
  display: block !important;
}
